<template lang="pug">
  .main
    header-nav
    .main-con
      sidebar-nav
      .main-body
        breadcrumbNav
        router-view
</template>

<script>
import headerNav from '@/components/header/header'
import sidebarNav from '@/components/sidebar/sidebar'
import breadcrumbNav from '@/components/breadcrumb/breadcrumb'

export default {
  name: 'Main',
  components: {
    headerNav,
    sidebarNav,
    breadcrumbNav
  }
}
</script>

<style lang="scss">
body {
  min-width: 1300px;
  overflow-y: hidden;
}
.main {
  display: flex;
  flex-direction: column;
  height: 0;
  min-height: 100vh;
  background-color: #f0f2f5;
  &-con {
    display: flex;
    flex: auto;
  }
  &-body {
    flex: auto;
    overflow: auto;
    padding: 20px 15px 0;
    .ivu-breadcrumb {
      padding-left: 10px;
      padding-bottom: 10px;
    }
    .ivu-breadcrumb > span:last-child {
      color: #999;
      font-weight: inherit;
    }
  }
}
.ivu-form .ivu-form-item-label,
.ivu-radio-wrapper,
.ivu-select-single .ivu-select-selection .ivu-select-placeholder,
.ivu-select-single .ivu-select-selection .ivu-select-selected-value,
.ivu-input {
  font-size: 14px;
}
.ivu-card-head p {
  color: #666666;
}
.ivu-form-item {
  margin-bottom: 24px;
}
.ivu-table-cell {
  padding-left: 5px;
  padding-right: 5px;
  .ivu-tooltip {
    width: 100%;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    vertical-align: middle;
  }
  .ivu-tooltip-rel {
    span {
      vertical-align: middle;
      height: 100%;
    }
  }
  .ivu-tooltip-inner {
    max-width: 100%;
  }
}
.form-item-reset {
  margin-bottom: 10px;
}
.operate-btn {
  display: inline-block;
  margin: 0 5px;
  border-radius: 4px;
  font-size: 16px;
  cursor: pointer;
  padding: 0 12px 2px;
}

::-webkit-scrollbar {
  width: 6px;
}
::-webkit-scrollbar-thumb {
  border-radius: 4px;
  background: rgba(0, 0, 0, 0.2);
}
::-webkit-scrollbar-track {
  background: hsla(0, 0%, 100%, 0.1);
}
</style>